* {
  font-family: "Microsoft YaHei";
  padding: 0;
  margin: 0;
  /* font-size: .32rem; */
}

html,
body {
  background: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-family: "Microsoft YaHei";
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.fl {
  float: left
}

.fr {
  float: right
}

/* .abs {
  position: absolute
}

.rel {
  position: relative
} */

.clear {
  clear: both;
  height: 0 !important;
  overflow: hidden !important;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.clearfloat {
  zoom: 1;
}

.center {
  width: 1200px;
  margin: 0 auto;
}



.login .el-input__inner,
.login .el-checkbox__inner,
.login .el-textarea__inner {
  border-radius: 0;
}




@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?vpu8b4');
  src:  url('../fonts/icomoon.eot?vpu8b4#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vpu8b4') format('truetype'),
    url('../fonts/icomoon.woff?vpu8b4') format('woff'),
    url('../fonts/icomoon.svg?vpu8b4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-listen:before {
  content: "\1f304";
}
.icon-daily:before {
  content: "\e92e";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-follow:before {
  content: "\e949";
}
.icon-users:before {
  content: "\e972";
}
.icon-data:before {
  content: "\e99c";
}




[class*=van-hairline]::after {
  /* border: none !important; */
}

/* .van-cell:not(:last-child)::after {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  right: 0;
  bottom: 0;
  left: 16px;
  border-bottom: 1px solid #ebedf0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
} */



@keyframes shake-view {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  2% {
    transform: translate(-9px, -1px) rotate(0.4deg);
  }

  4% {
    transform: translate(-3px, 3px) rotate(-2.4deg);
  }

  6% {
    transform: translate(-4px, -2px) rotate(-2.4deg);
  }

  8% {
    transform: translate(-9px, -4px) rotate(-3.4deg);
  }

  10% {
    transform: translate(-2px, -10px) rotate(0.4deg);
  }

  12% {
    transform: translate(0px, -9px) rotate(-1.4deg);
  }

  14% {
    transform: translate(-9px, 7px) rotate(-0.4deg);
  }

  16% {
    transform: translate(-2px, 9px) rotate(-1.4deg);
  }

  18% {
    transform: translate(1px, 9px) rotate(1.4deg);
  }

  20% {
    transform: translate(4px, 7px) rotate(-2.4deg);
  }

  22% {
    transform: translate(0px, 2px) rotate(-2.4deg);
  }

  24% {
    transform: translate(0px, 7px) rotate(-1.3deg);
  }

  26% {
    transform: translate(-9px, 4px) rotate(-3.4deg);
  }

  28% {
    transform: translate(3px, -1px) rotate(1.4deg);
  }

  30% {
    transform: translate(6px, 2px) rotate(1.9deg);
  }

  32% {
    transform: translate(-9px, -9px) rotate(-3.9deg);
  }

  34% {
    transform: translate(9px, 4px) rotate(-1.7deg);
  }

  36% {
    transform: translate(-2px, 7px) rotate(-0.4deg);
  }

  38% {
    transform: translate(0px, 0px) rotate(2.4deg);
  }

  40% {
    transform: translate(0px, -10px) rotate(-3.4deg);
  }

  42% {
    transform: translate(3px, -4px) rotate(0.3deg);
  }

  44% {
    transform: translate(-1px, -10px) rotate(0.6deg);
  }

  46% {
    transform: translate(0px, 1px) rotate(2.3deg);
  }

  48% {
    transform: translate(-1px, 1px) rotate(2.9deg);
  }

  50% {
    transform: translate(7px, 4px) rotate(-0.6deg);
  }

  52% {
    transform: translate(-10px, -4px) rotate(1.3deg);
  }

  54% {
    transform: translate(-1px, 6px) rotate(-1.2deg);
  }

  56% {
    transform: translate(-9px, 9px) rotate(-3.7deg);
  }

  58% {
    transform: translate(9px, 2px) rotate(2.2deg);
  }

  60% {
    transform: translate(9px, 1px) rotate(-1.3deg);
  }

  62% {
    transform: translate(-3px, -2px) rotate(-2.4deg);
  }

  64% {
    transform: translate(-3px, 9px) rotate(0.4deg);
  }

  66% {
    transform: translate(-9px, 9px) rotate(0.6deg);
  }

  68% {
    transform: translate(0px, 9px) rotate(2.6deg);
  }

  70% {
    transform: translate(3px, -9px) rotate(2.4deg);
  }

  72% {
    transform: translate(3px, -4px) rotate(-3.4deg);
  }

  74% {
    transform: translate(-10px, 2px) rotate(-1.6deg);
  }

  76% {
    transform: translate(2px, 2px) rotate(1.4deg);
  }

  78% {
    transform: translate(2px, -3px) rotate(0.6deg);
  }

  80% {
    transform: translate(-4px, -7px) rotate(-1.4deg);
  }

  82% {
    transform: translate(-9px, 0px) rotate(-0.6deg);
  }

  84% {
    transform: translate(-4px, 4px) rotate(-3.4deg);
  }

  86% {
    transform: translate(-9px, -3px) rotate(2.6deg);
  }

  88% {
    transform: translate(2px, -4px) rotate(-1.4deg);
  }

  90% {
    transform: translate(-4px, 0px) rotate(-2.4deg);
  }

  92% {
    transform: translate(1px, -4px) rotate(1.6deg);
  }

  94% {
    transform: translate(-9px, -9px) rotate(0.4deg);
  }

  96% {
    transform: translate(-6px, -9px) rotate(2.4deg);
  }

  98% {
    transform: translate(1px, 0px) rotate(1.6deg);
  }
}

.input-shake {
  display: inline-block;
  -webkit-animation-name: shake-view;
  -ms-animation-name: shake-view;
  animation-name: shake-view;
  -webkit-animation-duration: 300ms;
  -ms-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;

  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running;
}




/* placeholder颜色 */
::-webkit-input-placeholder {
  color: #A7A5A5 !important;
}

:-moz-placeholder {
  color: #A7A5A5 !important;
}

::-moz-placeholder {
  color: #A7A5A5 !important;
}

:-ms-input-placeholder {
  color: #A7A5A5 !important;
}
/* placeholder颜色 */



.van-dialog__message {
  font-size: .4rem;
}

.van-field__body {
  height: 100%;  
  /* 备注不显示字数，先注释掉 */
}


.container {
  padding: 0 .266667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  padding-top: .746667rem;
}


.van-tabbar {
  background: #303133;
}

.van-divider {
  width: 100%;
  margin: 10px 0;
}

.common_bg {
  position: absolute;
  width: 100%;
  height: 3.733333rem;
  background:linear-gradient(236deg,rgba(255,152,83,1) 0%,rgba(255,151,151,1) 100%);
}

.screen_box {
  width: 85%;
  border-radius: .4rem 0px 0px .4rem;
}

.screen_title {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: .426667rem;
  color: #666;
}


.btn {
  
}

.van-radio__icon--checked .van-icon,
.van-checkbox__icon--checked .van-icon {
  background-color: #FFC834;
  border-color: #FFC834;
}


.btn_check {
  width:1.2rem;
  /* height:.533333rem; */
  background:#93B7FF;
  border-radius:.266667rem;
  font-size: .32rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn_circle {
  position: fixed;
  right: .466667rem;
  bottom: 2.33333rem;
  width: 1.333333rem;
  height: 1.333333rem;
  background:#FC8434;
  box-shadow:0px 2px 4px 2px rgba(174,173,173,0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.btn_circle i {
  display: inline-block;
  width: .48rem;
  height: .48rem;
  background: url('../img/icon_add.png') 0 0 no-repeat;
  background-size: contain;
}

.btn_circle:active {
  background:#e87b32;
}

.phone_box {
  display: flex;
  align-items: center;
}
.icon_phone {
  display: inline-block;
  width: .306667rem;
  height: .32rem;
  background: url('../img/icon_phone.png') 0 0 no-repeat;
  background-size: contain;
}

.icon_left {
  background: url('..//img/icon_left.png') 0 0 no-repeat;
  background-size: contain;
  width: .293333rem ;
  height: .533333rem;
}
.phone {
  color: #80D784;
  font-size: .32rem;
}

.icon_screen {
  /* position: fixed; */
  display: inline-block;
  top: .36rem;
  right: .44rem;
  z-index: 999;
  width: .52rem;
  height: .52rem;
  background: url('../img/icon_screen.png') 0 0 no-repeat;
  background-size: contain;
}
.icon_add {
  /* position: fixed; */
  display: inline-block;
  top: .36rem;
  right: .44rem;
  z-index: 999;
  width: .413333rem;
  height: .413333rem;
  background: url('../img/icon_add.png') 0 0 no-repeat;
  background-size: contain;
}

.icon_place {
  position: fixed;
  top: .35rem;
  right: .34rem;
  z-index: 999;
  width: .52rem;
  height: .52rem;
}


.icon_return {
  width: .213333rem;
  height: .373333rem;
  display: inline-block;
  background: url('../img/icon_left2.png') 0 0 no-repeat;
  background-size: contain;
  /* position: absolute;
  left: .4rem;
  top: 50%;
  transform: translateY(-50%); */
}
.btn_confirm {
  position: absolute;
  right: .4rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: .373333rem;
  color: #666;
}
.screen_title_box{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .266667rem;
  border-bottom: .5px solid #e9e9e9;
}

.icon_date {
  display: inline-block;
  width: .52rem;
  height: .506667rem;
  background: url('../img/icon_date.png') 0 0 no-repeat;
  background-size: contain;
}

.icon_class {
  width: .453333rem;
  height: .426667rem;
  display: inline-block;
  background: url('../img/icon_class.png') 0 0 no-repeat;
  background-size: contain;
}
.icon_position {
  display: inline-block;
  width: .746667rem;
  height: .746667rem;
  background: url('../img/icon_position.png') 0 0 no-repeat;
  background-size: contain;
}



.base_card {
  width: 100%;
  /* min-height: 7.06rem; */
  box-shadow:0px 0px 4px 3px rgba(216,216,216,0.5);
  border-left: .186667rem solid #8884C3;
  background: #fff;
  border-radius: .2rem;
  box-sizing: border-box;
  z-index: 99;
  overflow: hidden;
}

.card_title_box {
  /* display: flex; */
  width: 100%;
  /* overflow: hidden; */
  /* margin-left: -2px; */
  align-items: center;
  height: 1.026667rem;
}
.card_title {
  display: flex;
  align-items: center;
  height: 1.026667rem;
  padding-left: .266667rem;
}
.card_title span {
  margin-left: .32rem;
}
.card_title_box span {
  font-size: .426667rem;
  color: #666;
}

.van-cell{
  /* align-items: center; */
}

.pop_top_bar {
  height: 1.2rem;
  background: #303133;
  position: sticky;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: .426667rem;
  padding: 0 .266667rem;
}



.cell_list li {
  /* border-top: .5px solid #e9e9e9; */
}

.icon_remark {
  display: inline-block;
  width: .613333rem;
  height: .613333rem;
  background: url('../img/icon_remark.png') 0 0 no-repeat;
  background-size: contain;
}

.icon_add2 {
  display: inline-block;
  width: .32rem;
  height: .32rem;
  background: url('../img/icon_add2.png') 0 0 no-repeat;
  background-size: contain;
  margin-right: .133333rem;
}

.van-popup--bottom {
  border-radius: .266667rem .266667rem 0 0 !important;
  overflow: hidden;
}

.van-hairline--top-bottom button {
  color: #FC8434;
}



/* screen_box */

.popup_search_checkbox .van-cell{
  /* height: .8rem; */
  /* padding: 0; */
  /* padding-left: 1.066667rem; */
}
.popup_search_checkbox .search_box{
  border: 1px solid #666;
  width: 80%;
  margin: 0 auto;
  /* border-radius: .4rem */
}



.screen_box {
  overflow: hidden;
}
.screen_box .screen_lisvaluet {
  height: calc(100% - 2.24rem);
  overflow-y: auto;
}
.screen_box .screen_lisvaluet li {
  /* border-bottom: .5px solid #e9e9e9; */
}


.student .search_time {
  height: 100%;
  /* padding: 0 .133333rem; */
  box-sizing: border-box;
  display: inline-block;
  border: .5px solid #D5D5D5;
}


.screen_btn_box {
  font-size: 0;
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.screen_btn_box button {
  flex: 1;
  color: #666666 !important;
}
/* screen_box end */


.van-swipe-cell__right button{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.icon_close {
  display: inline-block;
  width: .333333rem;
  height: .333333rem;
  background: url('../img/icon_close.png') 0 0 no-repeat;
  background-size: contain;
}

.screen_box .search_list {
  height: calc(100% - 1.066667rem);
  overflow: auto;
}
.noData{
  text-align: center;
  margin-top: 2rem;
}
.noData img {
  width: 50%;
}
.noData p {
  font-size: .32rem;
  color: #949494;
  margin-top: .133333rem;
}
.noData .addData {
  width: 2.173333rem;
  height: .746667rem;
  border-radius:.426667rem;
  background: #FF9853;;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;;
  font-size: .373333rem;
  margin: 0 auto;
  margin-top: .266667rem;
}

.more_info {
  font-size: .32rem;
  color: #FC8434;
  text-align: center;
  margin-top: .533333rem;
  padding-bottom: .533333rem;
}



.form_list > li {
  position: relative;
}
.form_list > li:first-child{
  border-top: none;
}

.form_list > li:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e9e9e9 !important;
  -webkit-transform: scaleY(.5);
  transform:scaleY(.5);
}

.form_list > li:first-child:after {
  content: "";
  border-top: none !important;
}






.echarts_box .charts_item {
  background: #fff;;
  box-shadow: 0px 0px .053333rem .026667rem rgba(234,234,234,1);
  border-radius: .44rem;
  padding: .266667rem;
  box-sizing: border-box;
}
.echarts_box .charts_item:not(:first-child) {
  margin-top: .4rem;
}
.echarts_box .charts_item .charts_title {
  position: relative;
  color: #485465;
  font-size: 14px;
  height: .533333rem;
  display: flex;
  align-items: center;
  margin-left: .2rem;
  margin-bottom: .32rem;
}

.echarts_box .charts_item .charts_title:before {
  content: '';
  display: inline-block;
  width: .16rem;
  height: .373333rem;
  background: #8B9DFB;
  margin-right: .186667rem;
}


.van-pagination__item {
  color: #FC8434;
}

.van-pagination__item:active {
  background: #FC8434;
}